<template>
  <div>
      <div class="menu" id="menu">
          <Menu></Menu>
      </div>
      <div class="body">
          <div class="header">

          </div>
          <router-view></router-view>
      </div>
  </div>
</template>

<script>
import Menu from "../Menu"

export default {
    props: ["windowsHeight"],
    components:{
        Menu,
    },
    mounted(){
        document.getElementById("menu").style.height=this.windowsHeight;
    },
    methods: {
        
    },
}
</script>

<style lang="less" scoped>

.menu{
    float: left;
    width: 15%;
    height: 722px;
    background: rgb(0,12,23)
}
.body{
    float: left;
    height: 100px;
    width: 85%;
    background: forestgreen;
    .header{
        
    }
}
</style>